/*
    Document   : styles
    Created on : 25/05/2013, 01:39:55
    Author     : Max
    Description:
        Purpose of the stylesheet follows.
*/

/* FONTS
==============================================================================*/
@font-face {
    font-family: "Museo";
    src: url("../font/museo_slab.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SourceSans Extra Light";
    src: url("../font/SourceSansPro-ExtraLight.otf");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "SourceSans Light";
    src: url("../font/SourceSansPro-Light.otf");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "SourceSans Regular";
    src: url("../font/SourceSansPro-Regular_0.otf");
    font-weight: 400;
    font-style: normal;
}

/*HEADER
===========================================================================*/
header {
    padding: 10px 0;
}
header .brand img{
    width: 200px;
}
header nav .nav{
    padding-top: 50px;
    margin: 0;
}
header nav .nav a{
    color: #1969a5;
    font-size: 1.429em;
}

/*FOOTER
===========================================================================*/
footer{
    background-color: #1869a4;
    margin: 20px 0 0 0;
    padding: 20px 0;
    color: #fff;
    font-size: 0.857em;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #fff;
    background-color: transparent;
}
footer .nav a:hover{
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
}
footer h4{
    margin-top: 0;
}
footer .sideIcon{
    margin-left: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 10%;
    background-size: 15px;
}
footer .sideIcon.map{
    background-image: url("../img/iconMapMarker.svg");
}
footer .sideIcon.phone{
    background-image: url("../img/iconPhone.svg");
}
footer .sideIcon.email{
    background-position-y: 50%;
    background-size: 16px;
    background-image: url("../img/iconEmail.svg");
}

/*HOME
===========================================================================*/
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home h7{
    color: #1969a5;
}
.home section.about{
    width: 459px;
    border-right: #ccc dotted 1px;
}
.noticia{
    padding-bottom: 5px;
}
.noticia h4{
    margin-bottom: 0;
}
.noticia h4 a{
    color: #3f8ed6;
}

/* MAIN
===========================================================================*/

/* Membros
------------------------------------------------------------------------------*/
.membros li{
    margin-bottom: 20px;
}
.membros img{
    width: 140px;
    height: 140px;
}

/* Noticias
------------------------------------------------------------------------------*/
.noticia .info{
    font-size: 0.857em;
    color: #777;
}

.noticia .noticia-img{
    width: 100%;
    background-color: #f8f8f8;
    text-align: center;
    margin-bottom: 20px;
}

.noticia .noticia-gallery{
    margin-top: 20px;
    padding-top: 20px;
    border-top: #eee solid 1px;
    text-align: center;
}
.noticia .noticia-gallery img{
    display: inline-block;
    margin: 0 10px;
}

.noticia .noticia-files{
    margin-top: 20px;
    border-top: #eee solid 1px;
}

.file-list{
    list-style: none;
    margin-left: 0;
}
.file-list > .file-item > a{
    display: inline-block;
    width: 450px;
    margin-bottom: 5px;
    border: #dddddd solid 1px;
    padding: 5px 15px;
    background-color: #f5f5f5;
    color: #595959;
    overflow: hidden
}
.file-list > .file-item > a:hover{
    background-color: #dddddd;
    border-color: #d0d0d0;
    text-decoration: none;
}

li.noticia{
    border-bottom: 1px dotted #ccc;
}